body {
    background: #f5f5f5;
}

#app {
    display: flex;
    justify-content: space-between;
}

.user-wrap {
    flex: 0 0 250px;
    width: 100%;
    box-shadow: 1px 0 9px #c5c5c5;
}

.game-wrap {
    flex: 1 1 0;
    min-width: 1000px;
    width: 100%;
    margin: 20px;
}

.togg-user>button {
    flex: 1 1 0;
    width: 100%;
    padding: 10px 0;
    color: #666;
    background: white;
    border-bottom: 1px solid #eee;
}

.togg-user>.togg-active {
    background: #3A1DE9;
    color: white;
}

.user-oth-info {
    height: 220px;
    padding: 20px 0;
    flex-direction: column;
    background: white;
}

.user-oth-info>img {
    width: 70px;
    height: 70px;
}

.user-oth-info>p:nth-of-type(1) {
    font-size: 15px;
}

.user-oth-info>p:nth-of-type(2) {
    font-size: 15px;
    font-weight: 600;
}

.rech-wrap {
    width: 100%;
    justify-content: space-around;
}

.rech-wrap>button {
    padding: 3px 15px;
    border: 1px solid rgba(58, 29, 233, 0.49);
    color: rgba(58, 29, 233, .8);
    background: transparent;
    border-radius: 4px;
}

.sign-out {
    color: #999999;
}

.lottery-tit>p:first-of-type {
    padding: 10px 14px;
    background: #f5f5f5;
}

.lottery-tit>p:last-of-type {
    padding: 7px 14px;
    background: white;
}

.lottery-tit>p:last-of-type>span:first-of-type {
    flex: 7 7 0;
    width: 100%;
}

.lottery-tit>p:last-of-type>span:last-of-type {
    flex: 3 3 0;
    width: 100%;
}

.lottery-list-wrap {
    height: calc(100vh - 360px);
    min-height: 320px;
    overflow: auto;
}

.lottery-list-wrap::-webkit-scrollbar {
    width: 1px;
    height: 0;
}

.lottery-list-wrap>div:nth-of-type(odd) {
    background: #efedf9;
}

.lo-list {
    padding: 10px 14px;
}

.lo-list>span:first-of-type {
    flex: 7 7 0;
    width: 100%;
}

.lo-list>span:last-of-type {
    flex: 3 3 0;
    width: 100%;
}

.lottery-list-wrap>.lo-list:hover {
    background: #c9c1f1;
}

.lott-hea-tit>div {
    flex: 1 1 0;
    width: 100%;
    padding: 30px;
    flex-direction: column;
    background: white;
    border-radius: 10px;
}

.alre-num-wrap {
    margin: 0 20px;
}

.lott-hea-tit>div>p:first-of-type {
    letter-spacing: 1px;
}

.alre-num-wrap>p:first-of-type,
.next-lott>p:first-of-type,
.rebate-money>p:first-of-type {
    padding-bottom: 15px;
    font-size: 15px;
}

.next-lott>p:last-of-type,
.rebate-money>p:last-of-type {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 600;
}

.alre-num-wrap>p:first-of-type>span,
.next-lott>p>span {
    color: #DF0024;
}

.alre-num>span {
    width: 32px;
    height: 32px;
    margin: 0 4px;
    font-size: 18px;
    font-weight: 600;
    color: #3A1DE9;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    background: #f6f4ff;
    border: 1px solid rgba(58, 29, 233, 0.49);
    box-shadow: 0 0 10px rgba(58, 29, 233, 0.4);
}

.com-controll {
    border-bottom: 1px solid #eee;
    background: white;
    border-radius: 8px 8px 0 0;
}

.com-controll>a {
    padding: 0 20px;
}

.com-controll>a>span {
    display: inline-block;
    padding: 14px 0;
    font-size: 15px;
    color: #333;
}

.simulation-input-com {
    margin-left: 45px;
    height: 70px;
    flex-direction: column;
    align-items: flex-start;
}

.simulation-input-com span {
    margin: 0 20px 0 5px;
}

.paly-time-controll {
    justify-content: flex-start;
    margin-top: 20px;
}

.com-controll .play-me-active {
    color: #3A1DE9;
    border-bottom: 2px solid #3A1DE9;
}

.betting-wrap {
    padding: 20px;
    background: white;
}

.betting-select .el-input__inner {
    height: 30px;
    line-height: 30px;
}

.betting-width {
    flex: 0 0 270px;
    justify-content: flex-start;
    width: 100%;
}

.sleet-wrap {
    flex: 0 0 240px;
}

.sleet-wrap>span:first-of-type {
    margin: 0 15px 0 5px;
}

.sleet-wrap>span:last-of-type {
    margin-left: 10px;
}

.auto-betting-btn {
    flex: 1 1 0;
    width: 100%;
}

.betting-select>div {
    width: 120px;
}

.sleep-betting {
    width: 60px;
    height: 28px;
    box-sizing: border-box;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #dcdfe6;
}

.betting-select>span {
    padding: 0 15px 0 5px;
}

.betting-select .el-input__suffix,
.betting-select .el-input__suffix-inner {
    display: flex;
    align-items: center;
}

.auto-betting-btn>button {
    width: 220px;
    margin-left: 50px;
    padding: 10px 0;
    color: white;
    background: -webkit-linear-gradient(left, #3A1DE9, #7000E3);
    background: -o-linear-gradient(left, #3A1DE9, #7000E3);
    background: -moz-linear-gradient(left, #3A1DE9, #7000E3);
    background: linear-gradient(left, #3A1DE9, #7000E3);
}

.betting-all-con {
    padding-right: 40px;
    justify-content: flex-start;
}

.betting-count {
    margin-right: 80px;
    justify-content: flex-start;
}

.simu-box {
    margin-right: 5px;
}

.simulation-input-com>p>input[type='text'] {
    width: 100px;
    padding: 5px;
    border: 1px solid #dcdfe6;
}

.change-simu-meth {
    justify-content: flex-start;
}

.change-simu-meth span {
    margin: 0;
}

.change-simu-meth>.betting-select>div {
    width: 152px;
    margin-left: 20px;
}

.game-data-wrap {
    height: 90px;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    background: white;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.game-data-wrap>div>p {
    width: 180px;
}

.game-data-wrap>.me-multiple>p {
    width: 340px;
}

.me-multiple>p {
    justify-content: flex-start;
}

.me-multiple input[type='text'] {
    width: 50px;
    padding: 5px;
    margin: 0 10px;
    border: 1px solid #dcdfe6;
}

.me-multiple button {
    width: 50px;
    height: 26px;
    line-height: 26px;
    color: #3A1DE9;
    background: transparent;
    border: 1px solid rgba(58, 29, 233, 0.49);
}

.me-multiple>p:nth-of-type(2) span {
    margin-left: 10px;
}

.me-multiple>p:nth-of-type(3)>span:nth-of-type(2) {
    margin-right: 50px;
}

input:focus {
    box-shadow: 0 0 5px rgba(58, 29, 233, 0.3)
}

.game-old-data h4 {
    padding: 15px 20px;
    background: #F5F5F5;
}

#old-data-list {
    height: calc(100vh - 570px);
    min-height: 120px;
    overflow: auto;
    border-radius: 0 0 8px 8px;
}

#old-data-list::-webkit-scrollbar {
    width: 2px;
}

.game-old-data h4>span {
    color: #666666;
}

.game-old-data>div>p {
    padding: 10px 20px;
    background: white;
}

.game-old-data>div>p:nth-of-type(odd) {
    background: #F9F8FF;
    background: #efedf9;
}

.game-old-data span {
    flex: 1 1 0;
    padding: 0 3px;
    width: 100%;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 方案设定 */

.bets-wrap {
    padding: 20px 0;
}

.programme-set {
    padding: 10px 20px;
    background: white;
}

.programme-set a {
    display: inline-block;
    margin-right: 30px;
    padding: 10px 20px;
    color: #666666;
    border: 1px solid #999999;
    border-radius: 4px;
}

.programme-set>a {
    color: #3A1DE9;
    border: 1px solid #3A1DE9;
}

.programme {
    padding: 10px 20px;
}

.programme>p,
.programme>span,
.programme>div {
    flex: 1 1 0;
    width: 100%;
    overflow: hidden;
}

.programme>p {
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
}

.programme>p>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.programme input {
    margin-right: 10px;
}

#programme-list-wrap {
    background: white;
    padding: 0 20px;
}

.programme-info {
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.programme-info a:last-of-type {
    margin-left: 40px;
    color: #3A1DE9;
}

#programme-list-wrap {
    height: calc(100vh - 315px);
    min-height: 365px;
    overflow: auto;
    border-radius: 0 0 8px 8px;
}

#programme-list-wrap::-webkit-scrollbar {
    width: 2px;
}


/* 方案设定 */


/* 下注记录 */

.bets-controller {
    height: 80px;
    padding-left: 20px;
    flex-direction: column;
    align-items: flex-start;
    background: white;
}

.bets-controller input:focus {
    box-shadow: none;
}

.bets-wrap span {
    font-size: 13px;
}

.el-input__inner {
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
}

.bets-bonus>input {
    padding: 7px 10px;
    border: 1px solid #eee;
    margin-left: 8px;
}

.el-date-editor .el-range-separator {
    line-height: 23px;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 265px;
}

.bets-controller .el-icon-date::before,
.bets-controller .el-icon-time::before {
    content: '';
}

.el-icon-d-arrow-left::before {
    content: '«';
    font-size: 20px;
}

.el-icon-arrow-left::before {
    content: '‹';
    font-size: 20px;
}

.el-icon-d-arrow-right::before {
    content: '»';
    font-size: 20px;
}

.el-icon-arrow-right::before {
    content: '›';
    font-size: 20px;
}

.bets-interval {
    margin: 0 28px;
}

.like-history-btn {
    width: 150px;
    height: 60px;
    margin-left: 40px;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    line-height: 60px;
    text-align: center;
    background: -webkit-linear-gradient(left, #3A1DE9, #7000E3);
    background: -o-linear-gradient(left, #3A1DE9, #7000E3);
    background: -moz-linear-gradient(left, #3A1DE9, #7000E3);
    background: linear-gradient(left, #3A1DE9, #7000E3);
    border-radius: 8px;
}

.bets-tit-wrap {
    padding: 12px 20px;
}

.bets-tit-wrap>span {
    flex: 1 1 0;
}

#bets-list-wrap {
    height: calc(100vh - 390px);
    min-height: 320px;
    padding: 0 20px;
    background: white;
    border-radius: 0 0 8px 8px;
    overflow: auto;
}

#bets-list-wrap::-webkit-scrollbar {
    width: 2px;
}

.bets-info {
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.bets-info>span,
.bets-info>a {
    flex: 1 1 0;
    font-size: 14px;
}

.bets-info>.profit-all {
    color: #2ABA94;
}

.bets-info>a {
    color: #3A1DE9;
}


/* 下注记录 */


/* 用户必看 */

.user-must-see {
    height: calc(100vh - 230px);
    min-height: 470px;
    padding: 0 20px;
    background: white;
    border-radius: 0 0 8px 8px;
}

.user-must-see>div {
    padding: 10px 0;
}

.user-must-see h2 {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 700;
}

.user-must-see h4 {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 600;
}

.user-must-see p {
    line-height: 30px;
}


/* 用户必看 */


/* 各种模态框 */

#mask,
.mask1 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
}

#mask {
    z-index: 400;
    background: rgba(0, 0, 0, .5);
}

.mask1 {
    z-index: 600;
}

.mask1>div {
    min-width: 780px;
    min-height: 550px;
    background: white;
    border-radius: 8px;
}

.mask1 span {
    font-size: 14px;
    color: #666666;
}

.programme-hea>div:last-of-type {
    margin-top: 15px;
}

.mask1-tit {
    padding: 12px 0;
    font-size: 15px;
    text-align: center;
    background: #eee;
    border-radius: 8px 8px 0 0;
}

.programme-name {
    width: 98px;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #dcdfe6;
}

.programme-spacing {
    margin: 0 80px;
}

.programme-body {
    height: 290px;
    min-width: 820px;
    padding: 15px;
    margin: 15px 0;
    background: #f5f5f5;
    overflow: auto;
}

.programme-body::-webkit-scrollbar {
    width: 1px;
}

.programme-body-con>div {
    flex: 1 1 0;
    width: 100%;
}

.programme-body>div {
    margin-bottom: 10px;
}

.missing-number textarea {
    flex: 1 1 0;
    height: 40px;
    border: 1px solid #dcdfe6;
    resize: none;
}

.programme-body-left {
    margin-right: 50px;
}

.programme-body-con>div>div:first-of-type {
    margin-bottom: 30px;
}

.programme-body-con input[type='text'] {
    flex: 1 1 0;
    height: 12px;
    margin-left: 15px;
    padding: 10px;
    border: 1px solid #dcdfe6;
}

.programme-body-con textarea {
    width: 100%;
    margin-top: 8px;
    box-sizing: border-box;
    height: 60px;
    padding: 10px;
    resize: none;
}

.mask1 .programme-refresh-btn {
    margin-left: 20px;
    color: #3A1DE9;
}

.programme-body-right input[type='checkbox'] {
    margin-right: 10px;
}

.programme-more-set {
    padding: 12px 0;
    text-align: center;
    color: #3A1DE9;
}

.mask1-btn-wrap>button {
    flex: 0 0 180px;
    padding: 10px 0;
    border-radius: 5px;
    background: transparent;
}

.mask1-btn-wrap>button:first-of-type {
    padding: 8px 0;
    margin-right: 40px;
    border: 1px solid #dcdfe6;
}

.mask1-btn-wrap>button:last-of-type {
    background: #3A1DE9;
    color: white;
}

.more-set-content {
    display: none;
}

.more-set-content .simple-input {
    height: 12px;
    margin-left: 5px;
    padding: 8px 10px;
    width: 50px;
    border: 1px solid #dcdfe6;
}

.more-set-content>div {
    margin: 10px 0;
}

.double-meth {
    margin-left: 50px;
}

.double-meth>p:first-of-type {
    margin-right: 30px;
}

.more-set-spacing {
    margin-right: 50px;
}

.more-set-span-spa {
    margin: 0 5px;
}

.mask2>div {
    min-height: 60px;
    min-width: 900px;
}

.betting-info {
    padding: 10px 20px;
}

.bett-tit {
    background: #eee;
}

.betting-info>span {
    flex: 1 1 0;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.betting-info>span:nth-of-type(1) {
    flex: 0 0 60px;
}

.betting-info>span:nth-of-type(2) {
    flex: 0 0 125px;
}

.betting-info>p {
    flex: 0 0 160px;
    margin-right: 10px;
}

.betting-info>span:nth-of-type(6) {
    flex: 0 0 60px;
}

.betting-info>span:nth-of-type(7) {
    flex: 0 0 100px;
}

.betting-info>span:nth-of-type(9) {
    flex: 0 0 100px;
}

.cumulative-money {
    justify-content: space-around;
    border-radius: 0 0 8px 8px;
}

.betting-content-list {
    max-height: 400px;
    overflow: auto;
}

.betting-content-list::-webkit-scrollbar {
    width: 2px;
}

.betting-list {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}


/* 各种模态框 */